<template>
	<view class="my_menu_item">
		<view style="margin-left: 20rpx;">
			<image :src="items.img" mode="widthFix"></image>
			<text>{{items.name}}</text>
		</view>
		<view style="margin-right: 20rpx;">
			<u-icon name="arrow-right" color="#666666" size="28"></u-icon>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			items:{
				type:Object,
				default:() => []
			}
		}
	}
</script>

<style lang="scss" scoped>
	.my_menu_item{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20rpx 0rpx;
		border-bottom: 1rpx solid #DDDDDD;
		>view{
			&:nth-child(1){
				display: flex;
				align-items: center;
				>image{
					width: 60rpx;
				}
				>text{
					font-size: 26rpx;
					color: #666666;
					margin-left: 20rpx;
				}
			}
		}
	}
</style>
